<HTML>
    <Head>
        <title>开发喵</title>

    </Head>
    <!-- 尖括号包裹的东西 叫标签 一般都是成对出现的 -->
    <!-- key=value 称为属性 -->
    <body id="body">
        <a href="#bottom">去底部</a>
        <!-- 正常情况 内容写到 body标签里面 -->
        hello World
        <!-- &nbsp; 一个空格 -->
        hello&nbsp;&nbsp;kfm
        <br /> <!--换行-->
        <font color='red'>你好 中国</font>
        你好
        你好
        <!-- 块标签：不管内容有多少都占一行 多个从上往下排列-->
        <div>我是一个块标签</div>
        <p>我是一个块标签</p>
        <!-- 行标签：内容有多少就占多少 多个从左往右排列-->
        <span>我是一个行标签我是一个行标签我是一个行标签我是一个行标签</span>
        <a>我是一个行标签</a>
        <!-- 常见的块标签 -->
        <!-- h 系列 标题标签-->
        <!-- h1 - h6 -->
        <h1>我是h1标签</h1>
        <h2>我是h2标签</h2>
        <h3>我是h3标签</h3>
        <h4>我是h4标签</h4>
        <h5>我是h5标签</h5>
        <h6>我是h6标签</h6>
        <!-- 段落标签 p -->
        <p>我是一个p标签</p>
        <div>hhh</div>
        <div>hhh</div>
        <!-- 水平线标签 hr -->
        <hr />
        <hr />
        <!-- 有序列表标签 ol li type属性 1 -- 1,2,3   a -- a,b,c   i -- i, ii, iii  -->
        <ol type="i">
            <li>元素1</li>
            <li>元素2</li>
            <li>元素3</li>
            <li>元素4</li>
        </ol>
        <!-- 无序列表标签 ul li type属性 disc -- 实心圆  square -- 实心正方形 circle -- 空心圆-->
        <ul type="circle">
            <li>iPhone</li>
            <li>HuaWei</li>
            <li>MI</li>
            <li>OPPO</li>
        </ul>
        <!-- 描述标签 dl dt -- 标题 dd -- 内容   -->
        <dl>
            <dt>HuaWei</dt>
            <dd>遥遥领先</dd>
        </dl>
        <div id="bottom">我是底部</div>
        <!-- span 标签 -->
        <span id="span">我是span</span> <br/>
        <span>我是span</span>
        <!-- 超链接 href 链接的地址 target属性定义打开的方式 _blank 打开新窗口 -->
        <!-- _self 在当前页面打开 默认值 -->
        <!-- _parent 如果有嵌套 在嵌套的父页面打开-->
        <!-- _top 找到最外层的窗口 打开 -->
        <iframe src="test.htm" frameborder="0"></iframe>
        <a href="https://www.kaifamiao.com" target="_top">本页面的一个超链接</a>

        <!-- a 标签作为锚点 href 属性值是 标签的选择器 （id #+value class .+value）-->
        <!-- <div style="height: 800px;"></div> -->
        <a href="#">回到顶部</a>
        <a href="#span">找到span</a>
        <!-- a 标签下载 download 不预览直接下载-->
        <!-- D:/images/kfm001.jpg   绝对路径 -->
        <!-- <a href=".../images/kfm.jpg" download="5566">下载</a> -->
        <!-- 插入图像 src 图片路径 alt 当图片没有加载出来时显示的文字 width 宽度 title 描述文字 -->
        <img src="../images/001.jpg" width="200" alt="请稍等一下" title="这是王鹤棣" >
        



        
        

    </body>
</HTML>